.goods_list_component {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  .goods-list-items {
    margin-right: 20px;
    margin-bottom: 20px;
    cursor: pointer;
    overflow: hidden;
    background: #fff;
    .goods-img-content {
      position: relative;
    }
    .el-image {
      width: 100%;
      height: 195px;
      display: flex;
      align-items: center;
      justify-content: center;
      background: rgba(243, 245, 247, 0.39);
    }
    .image-slot {
      width: 100%;
      height: 100%;
      background: rgba(243, 245, 247, 0.39);
    }
  }
  .goods-list-items.three {
    &:nth-child(3n) {
      margin-right: 0;
    }
    .el-image {
      height: 386.27px;
    }
    .imgs_shelves {
      position: absolute;
      width: 100%;
      height: 386.41px;
      background: rgba(153, 153, 153, 0.6);
      top: 0;
      left: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      .been_imgs {
        width: 180px;
      }
    }
  }
  .goods-list-items.four {
    &:nth-child(4n) {
      margin-right: 0;
    }
    .el-image {
      height: 285px;
    }
    .imgs_shelves {
      position: absolute;
      width: 100%;
      height: 285px;
      background: rgba(153, 153, 153, 0.6);
      top: 0;
      left: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      .been_imgs {
        width: 180px;
      }
    }
  }
  .goods-list-items.five {
    &:nth-child(5n) {
      margin-right: 0;
    }
    .el-image {
      height: 224px;
    }
    .imgs_shelves {
      position: absolute;
      width: 100%;
      height: 224px;
      background: rgba(153, 153, 153, 0.6);
      top: 0;
      left: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      .been_imgs {
        width: 180px;
      }
    }
  }
}
.goods-list-items {
  .goods-text {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
    margin-top: 15px;
    margin-bottom: 15px;
    .toptext {
      width: 90%;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
      word-break: break-all;
      text-align: center;
      margin-bottom: 10px;
      color: #000;
      font-size: 14px;
      font-family: Microsoft YaHei;
      background: none !important;
    }
    .price {
      width: 90%;
      .count {
        width: 100%;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        word-break: break-all;
        color: #E1251B;
        word-spacing: -3px;
        span {
          font-family: Microsoft YaHei;
          display: inline-block;
          font-size: 12px;
          &:nth-child(2) {
            font-size: 16px;
          }
        }
      }
    }
  }
}
